<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>直转点-信号传输服务器管理</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        document.write('<scri' + 'pt charset="utf-8" src="./js/init_dadian.js?v=' + Math.random() + '" type="text/javascript"></s' + 'cript>');
    </script>
    <script charset="utf-8" type="text/javascript"
            src="js/qui_0.4.0/jquery.ui.autocomplete.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript"
            src="js/qui_0.4.0/jquery.qui.autocomplete.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript" src="js/qui_0.4.0/jquery.qui.suggest.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript" src="js/jquery.jqgrid.js?v=2014122229711"></script>
</head>
<style>
    .norecords {
        border-width: 2px !important;
        display: none;
        font-weight: bold;
        left: 45%;
        margin: 5px;
        padding: 6px;
        text-align: center;
        top: 45%;
        width: auto;
        z-index: 102;
    }
    h6 {
        padding: 7px;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
        border-top: 1px solid #ccc;
    }

    .suggestDiv .ui-suggest .ui-autocomplete {
        width: 751px !important;
    }

    .ui-jqgrid tr.jqgrow td {
        white-space: normal !important;
        word-wrap: break-word;
        height: auto;
        vertical-align: text-top;
        padding-top: 2px;
    }
    
    .l-end {
        content: '\A';
        white-space: pre;
    }
    div.MenuPanel {
        display: inline;
    }

    /* 所有class为menu的div中的ul中的a样式(包括尚未点击的和点击过的样式) */
    div.MenuTitle ul li {
        /*background-color: #999999; /* 背景色 */
        /*border: 1px #b3b3b3 solid; /* 边框 */
        /*color: #dde4ec; /* 文字颜色 */
        display: inline-block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */
        /*line-height: 2.45em; /* 行高 */
        width: 15%;
        overflow: hidden;
        text-align: center;
        padding-left: 0px;
    }
    div.panel-title {
        display: inline;
    }
    div.panel-title ul li {
        float:left;
        border-bottom: 1px #b3b3b3 solid; /* 边框 */
        color: #0064cd; /* 文字颜色 */
        line-height: 2.45em; /* 行高 */
        padding: 1px 20px; /* 内部填充的距离 */
        width: 200px;
        overflow: hidden;
    }

    /*分页样式*/
    .fydiv{width: 320px;text-align: center;height: 30px;margin: 0 auto;margin-top: 30px;}
    .fenye{text-align: center;height: 30px;margin: 0 auto;}
    .fenye li{float: left;border:1px solid #6CBFB7;height: 26px;line-height: 26px;margin-right: 10px;}
    .fenye li:hover{background-color: #f1f1f1;}
    .fenye li a{text-decoration: none;color:#6CBFB7; display: block; }
    .prev{width: 66px;}
    .next{width: 66px;}
    .numb{width: 26px;}
    .choose{border:1px solid #357973!important;}
    .choose a{color: #357973!important;}

    .smallC{width:15%;}
    .bigC{width:15%;}
    .largeC{width:20%;}
    .panel-title1 ul li{overflow: hidden;display: inline-block;float: none;color: green;text-align: center;font-size: 13px;font-weight: bold}
</style>
<body>
<header></header>
<div class="wrapper wrapper-video">
    <nav>
        <ul class="breadcrumb">
            <li>直转点<span class="divider"> &gt; </span></li>
            <li>信号传输管理</li>
        </ul>
    </nav>
    <div class="container-video">
        <div class="container-list" id="SginalListContainer">
            <div class="query" id="QueryContainer">
                <form class="form-horizontal form-container form-inline" name="basicFrm" autocomplete="off">
                    <div class="container">
                        <div class="row">
                            <div class="span4">
                                <div class="control-group">
                                    <label class="control-label" for="">频道名称：</label>
                                    <div class="controls">
                                        <input type="text" style="width:120px" name="name" value="" />
                                        <input type="hidden" name="id" value="" />
                                        <input type="hidden" name="pageNo" value="1" />
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label" for="">频道端口号：</label>
                                    <div class="controls">
                                        <input type="text" style="width:90px"  name="port" value="" >
                                    </div>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label" for="">信号状态：</label>
                                    <div class="controls">
                                        <select class="form-control" style="width:90px" name="status">
                                            <option value="all">全部</option>
                                            <option value="0">未开启</option>
                                            <option value="1">开启</option>
                                            <option value="2">停止</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="span3">
                                <div class="control-group">
                                    <label class="control-label" for="">操作人：</label>
                                    <div class="controls">
                                        <input type="text" style="width:90px"  name="author" value="" >
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="control-group">
                            <label class="control-label" for=""></label>
                            <div class="controls">
                                <button type="submit"  class="btn btn-primary query-btn">查询</button>
                                <button type="submit"  class="pageClick" style="display: none">分页查询</button>
                                <button type="reset" class="btn">重置</button>
                                <button type="button" class="btn query-add">添加</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <span class="label label-info">信号数据列表</span>
            </div>
            <div class="panel-title1 row">
                <ul>
                    <li class="smallC">频道ID</li>
                    <li class="bigC">频道名称</li>
                    <li class="smallC">频道端口号</li>
                    <li class="smallC">状态</li>
                    <li class="smallC">操作人</li>
                    <li class="largeC">操作</li>
                </ul>
            </div>
            <div class="panel-body">
            </div>
            <div class="fydiv">

                <ul class="fenye">

                </ul>
            </div>
        </div>

    </div>

    <div id="o-h-dlg" style="display:none;">
        <table id="statusList">
            <tr>
                <td></td>
            </tr>
        </table>
        <div id="status_pager"></div>
    </div>

    <div id="o-h-slog" style="display:none;">
        <table id="sginalLogList">
            <tr>
                <td></td>
            </tr>
        </table>
        <div id="log_pager"></div>
    </div>
</div>
<script type="text/javascript">
    require(['dadian'], function() {
       Sginal.Action.run();
    })
</script>

</body>
<html>
